<%@ page pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
    <head>
        <title>BankOf :: Autentificación</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/estilos/default.css" />
        <link rel="alternate stylesheet" type="text/css" 
              title="Alta accesibilidad" href="${pageContext.request.contextPath}/estilos/altaaccesibilidad.css" />
        <style type="text/css">
            div#principal img {
                width : 100px;
                float : left;
                margin-left : 20px;
                margin-right : 20px;
            }
        </style>
        
        
    </head>
    <body>
        <div id="cabecera">
            <h1>Login</h1>
            <span>
                <img class="logotipo" src="${pageContext.request.contextPath}/imagenes/logo.jpg" 
                     alt="Logotipo de Bankof"/>
            </span>
        </div>
        <div id="descripcion">
            <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sodales nibh at odio tincidunt imperdiet. Phasellus facilisis euismod risus. Pellentesque ante dui, scelerisque non porttitor vitae.
                consectetur adipiscing elit. Morbi sodales nibh at odio tincidunt imperdiet. Phasellus facilisis euismod risus. Pellentesque ante dui, scelerisque non porttitor vitae.
            </p>
        </div>
        <div id="principal">
            <img src="${pageContext.request.contextPath}/login/login.gif" alt="Consectetur adipiscing elit."/>
            <form method="POST" action="j_security_check">
                <label for="txtUsername" accesskey="u"><u>U</u>sername:</label>
                <input id="txtUsername" type="text" name="j_username" />
                <br/>        
                <label for="txtPassword" accesskey="p"><u>P</u>assword:</label>
                <input id="txtPassword" type="password" name="j_password" />
                <br/>
                
                <input id="cmdAceptar" type="submit" name="aceptar" value="Aceptar" />
            </form>
        </div>        
        <div id="piepagina">
            <p>Phasellus loboris <span class="advertencia">purus in metus</span> hendrerit vitae semper magna viverra.</p>
        </div>
    </body>
</html>
